.topic-view{
    border-bottom: 20rpx solid #f2f2f2;
    border-top: 1rpx solid #e5e5e5;
    line-height: 100rpx;
    display: flex;
    view{
        width: 50%;
        text-align: center;
        font-style: 32rpx;
        color:#333;
    }
    view:nth-of-type(1){
        color:#299cff;
        label{

            display: inline-block;
            line-height: 100rpx;
            border-bottom: 5rpx solid #299cff;

        }
    }
   
}
.bbs{
    padding: 30rpx 30rpx;
    .item{
        position: relative;
        margin-top: 30rpx;
       .info{
       
        height: 120rpx;
        .guanzhu{
            position: absolute;
            top: 38rpx;
            right: 0;
            line-height: 44rpx;
            text-align: center;
            color: #299cff;
            border-radius: 22rpx;
            border: 1rpx solid #299cff;
            padding: 2rpx 16rpx;
        }
        .image{
            width: 120rpx;
            height: 120rpx;
            border-radius: 60rpx;
        }
        .name{
            top: 27rpx;
            left: 140rpx;
            font-style: 32rpx;
            line-height: 32rpx;
            color: #333;
            font-weight: bold;
            position: absolute;
            image{
                width: 26rpx;
                height: 31rpx;
                margin-left: 10rpx;
            }
        }
        .time{
            top: 79rpx;
            left: 140rpx;
            font-style: 24rpx;
            line-height: 24rpx;
            color: #999;
            position: absolute;
           }
        }
        
        .content{
            margin-top: 14rpx;
            font-style: 32rpx;
            line-height: 44rpx;
            color:#333;
        }
        .image-list{

            .image{
            width: 218rpx;
            height: 218rpx;
            border-radius: 8rpx;
            margin-right:13rpx;
            margin-top: 26rpx;
        }
        
    }
    .label{
        margin-top: 20rpx;
        display: inline-block;
        font-size: 26rpx;
        color:#299cff;
        background: #e7f4ff;
        padding: 9rpx 22rpx;
        border-radius: 22rpx;
    }
    .speakList{
        margin-top: 30rpx;
        width: 650rpx;
        border-radius: 8rpx;
        background: #f5f5f5; 
        padding: 20rpx 20rpx 30rpx 20rpx;
        
        position: relative;
            .image{
            position: absolute;
            width: 50rpx;
            height: 50rpx;
            top: 20rpx;
            left: 16rpx;
            border-radius:25rpx;
            }
            .note{
                width: 500rpx;
                margin-left:66rpx;
                font-style: 28rpx;
                color: #333;
                span{
                  font-weight: bold;  
                }
            }
            .more{
                font-size: 26rpx;
                color: #57a4e6;
                line-height: 26rpx;
                margin-left:66rpx;
                margin-top: 16rpx;


            }
            .edit{
                position: absolute;
                width: 133rpx;
                height: 133rpx;
                right: -18rpx;
                /*top:0rpx;*/
                top: 50%;
                margin-top: -67rpx;
                
            }

     
    }
    .nums{
        display: flex;
        text-align: center;
        border-bottom: 1rpx solid #ececec;
        padding-top: 34rpx;
        padding-bottom: 26rpx;
        view{
            width: 223rpx;
            font-size: 26rpx;
            height: 29rpx;
            /*background: red;*/
            line-height: 29rpx;
            color: #a1a1a1;
            position: relative;
            .image{
                position: absolute;
                width: 32rpx;
                height: 29rpx;
                margin-right: 20rpx;
            }
            span{
                margin-left: 42rpx;
            }
        }
    }
 }

}